<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%--<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>--%>
<%--
    Document   : datasync
    Created on : 23.05.2010, 15:16:08
    Author     : Cyclone
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <script type="text/javascript" src="JS/jquery.js"></script>
        <%--<script type="text/javascript" src="JS/jquery.corners.js" ></script>--%>
        <script type="text/javascript" src="JS/datasync.js"></script>

        <link rel="stylesheet" type="text/css" href="css/style.css">
        <link rel="stylesheet" type="text/css" href="css/theme.css">

        <title>Результаты проверки</title>
    </head>
    <body style="padding: 5px;">
        <div id="datasync" style="width: 100%;" >
            <div style="width: 48%;float: left;">
                <h2 class="reallynow" style="padding: 2px;">Виртуальный тьютор</h2>
                <table>
                    <thead>
                        <tr>
                            <th>№ работы</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        <c:forEach items="${vtLabList}" var="number">
                            <tr>
                                <td style="width: 30px;">
                                    ${number}
                                    <%--<img src="img/icons/bricks_gear.png"/>--%>
                                </td>
                                <td>
                                    <a href="javascript:" onclick="showLabTask(${courseId}, ${number})" class="search" title="Отобразить настройки проверки практической работы №${number}" style="padding-left: 18px; text-decoration: none">Метод проверки</a>
                                    <a href="javascript:" onclick="deleteLab(${courseId}, ${number})" class="close" title="Удалить практическую работу №${number} из модуля Виртуальный тьютор" style="padding-left: 18px; margin-left: 5px; text-decoration: none; cursor: pointer;">Удалить</a>
                                </td>
                            </tr>
                        </c:forEach>
                    </tbody>
                </table>
            </div>

            <div style="width: 48%; float: right;">
                <h2 class="reallynow" style="padding: 2px;">Виртуальная лаборатория</h2>
                <table>
                    <thead>
                        <tr>
                            <th>№ работы</th>
                            <th>Название работы</th>
                        </tr>
                    </thead>
                    <tbody>
                        <c:forEach items="${vlLabList}" var="vlLab">
                            <tr>
                                <td style="width: 30px;">${vlLab.numeral}</td>
                                <td>${vlLab.title}</td>
                            </tr>
                        </c:forEach>
                    </tbody>
                </table>
            </div>
            <br/>
            <c:if test="${!empty toAddList}">
                <span>Добавить практическую работу в модуль Виртуальный тьютор</span>
                <br/>
                <select id="addSelect" onchange="addLab(${courseId});">
                    <option selected="selected" value="-1">Выберите номер...</option>
                    <c:forEach items="${toAddList}" var="number">
                        <option value="${number}">Работа №${number}</option>
                    </c:forEach>
                </select>
            </c:if>
                <div id="frameDiv" style="display: none; width: 100%; height: 350px;">
                    <iframe id="labTaskFrame" style="width: 100%; height: 300px;"></iframe>
                </div>
        </div>
    </body>
</html>
